<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="TingGe Blog Agile agile JavaScript NodeJS">
  <meta name="author" content="TingGe<505253293@163.com>">
  <title>听歌实验室</title>
  <link type="image/x-icon" rel="shortcut icon" href="https://avatars3.githubusercontent.com/u/4074517?v=3&s=40" />
  <link rel="stylesheet" type="text/css" href="/lib/bootstrap/dist/css/bootstrap.min.css" media="screen">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <link href="/css/landing-page.css" rel="stylesheet">
  <link href="/css/screenshots.css" rel="stylesheet">
  <style media="screen">
    #main {
      padding-top: 55px;
    }
  </style>
  <script type="text/javascript" src="/lib/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="/lib/html2canvas/dist/html2canvas.min.js"></script>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand topnav" href="/">
          <i class="fa fa-flask icon-3x" aria-hidden="true"></i> 听歌实验室
        </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="/html/js.html">JavaScript/NodeJS</a>
          </li>
          <li>
            <a href="/index.html#agile">敏捷/项目管理(Agile/PMP)</a>
          </li>
          <li>
            <a href="/html/cloud-bi.html">云商业智能(Cloud BI)</a>
          </li>
          <li>
            <a href="/html/iot.html">物联网(WoT/IoT)</a>
          </li>
          <li>
            <a href="/html/me.html">关于我</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav>
  <div id="main" class="container">
    <div class="row">
      <div id="article" class="col-md-9 content-container">
        <h1 id="js-ai">JS AI</h1>
<h2 id="todo">Todo</h2>
<h2 id="-">参考</h2>
<h3 id="javascript-">JavaScript 与计算机视觉相结合</h3>
<ul>
<li><a href="https://segmentfault.com/a/1190000008474871">前端工程师做Face Detection</a></li>
<li><a href="https://medium.com/@muehler.v/node-js-opencv-for-face-recognition-37fa7cb860e8">Node.js + OpenCV for Face Recognition</a>：<a href="https://github.com/justadudewhohacks/opencv4nodejs/tree/master/examples">Github 源码</a></li>
<li><a href="https://projectnaptha.com/">Project Naptha</a>：从图片中提取文字的 OCR 项目</li>
</ul>
<h3 id="-">聊天机器人</h3>
<ul>
<li><a href="https://www.smashingmagazine.com/2017/08/ai-chatbot-web-speech-api-node-js/">构建基于 Web Speech API 与 Node.js 的简单 AI 聊天机器人</a>：<a href="https://github.com/girliemac/web-speech-ai">Github 源码</a></li>
</ul>
<h3 id="-">国际象棋</h3>
<ul>
<li><a href="https://medium.freecodecamp.org/simple-chess-ai-step-by-step-1d55a9266977">A step-by-step guide to building a simple chess AI</a>：<a href="https://github.com/lhartikk/simple-chess-ai">Github 源码</a></li>
</ul>
<h3 id="-">深度学习</h3>
<ul>
<li><a href="https://github.com/PAIR-code/deeplearnjs">Google 开源 JavaScript 机器学习库 DeepLearn.js</a></li>
<li><a href="http://www.infoq.com/cn/news/2017/08/TensorFire-use-GPU-fast-study">TensorFire 利用 GPU 加速的浏览器端深度学习框架</a>：基于 WebGL</li>
<li><a href="https://github.com/gpujs/gpu.js">gpu.js</a> 提供了浏览器中快速实现 GPU 的单文件 JavaScript 库</li>
</ul>
<h3 id="-">自动驾驶</h3>
<ul>
<li><a href="http://janhuenermann.com/projects/learning-to-drive">在浏览器中实现自动驾驶汽车</a></li>
</ul>
<h3 id="-">原型图转代码</h3>
<ul>
<li><a href="https://github.com/tonybeltramelli/pix2code">pix2code—依赖于深度学习技术将来自于设计师的界面图片转化为 iOS 、Android、Web 代码</a></li>
</ul>
<h3 id="web-vr">Web VR</h3>
<ul>
<li><a href="https://github.com/aframevr/aframe/">A-Frame</a></li>
</ul>

      </div>
      <div class="col-md-3" style="padding-top:20px;">
        <iframe src="http://githubbadge.appspot.com/tingge?a=0" style="border: 0;height: 142px;width: 200px;overflow: hidden;" frameBorder="0"></iframe>
      </div>
    </div>
  </div>
  <a id="html2canvas" title="截图下载-快照">&nbsp;</a>
  <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="/js/article.js" charset="utf-8"></script>
  <!-- justice.js https://github.com/okor/justice  -->
  <script src="/lib/justice.min.js" charset="utf-8"></script>
  <!-- instantclick -->
  <script src="/lib/instantclick.js" charset="utf-8"></script>
  <script type="text/javascript" data-no-instant>
    Justice.init();
  </script>
</body>

</html>
